<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户注册</title>

    <link href="css/userRegister.css" rel="stylesheet" type="text/css" />
    <script src="js/jquery/jquery-1.11.0.min.js"></script>
    <script src="js/jquery/jquery.form.min.js"></script>
</head>
<body>
    <!--<img src="img/register_bg.jpg" alt="">-->
    <div id="header"></div>
    <div id="rg_layout">
        <div id="rg_left">
            <p>新用户注册</p>
            <p>USER REGISTER</p>
        </div>
        <div id="rg_main">
            <form action="/userRegister.action" method="post" id="myForm" enctype="multipart/form-data">  <!--onsubmit="return checkForm()"-->
            <table id="myTab">
                <tr>
                    <td class="td_left">用户名</td>
                    <td class="td_right">
                        <input type="text" id="username" name="username" placeholder="请输入用户名" onblur="checkUsername()" maxlength="20"/>
                        <span class="error" id="usernameSpan"></span>
                    </td>
                </tr>
                <tr>
                    <td class="td_left">密码</td>
                    <td class="td_right">
                        <input type="text" id="pwd" name="pwd" placeholder="请输入密码"/>
                        <span class="error" id="passwordSpan"></span>
                    </td>
                </tr>
                <tr>
                    <td class="td_left">Email</td>
                    <td class="td_right">
                        <input type="emial" id="email" name="email" placeholder="请输入邮箱" maxlength="100"/>
                        <span class="error"></span>
                    </td>
                </tr>
                <tr>
                    <td class="td_left">姓名</td>
                    <td class="td_right">
                        <input type="text" id="realName" name="realName" placeholder="请输入姓名"/>
                    </td>
                </tr>
                <tr>
                    <td class="td_left">手机号</td>
                    <td class="td_right">
                        <input type="text" id="phone" name="phone" placeholder="请输入手机号"/>
                        <span class="error" ></span>
                    </td>
                </tr>
                <tr>
                    <td class="td_left">头像</td>
                    <td class="td_right">
                        <input type="file" id="headImg" name="headImgFile" placeholder="请选择上传的头像"/>
                        <span class="error"></span>
                    </td>
                </tr>
                <tr>
                    <td class="td_left">性别</td>
                    <td class="td_right">
                        <input type="radio" name="sex" id="male" value="男" checked="checked">男
                        <input type="radio" name="sex" id="female" value="女">女
                    </td>
                </tr>
                <tr>
                    <td class="td_left">出生日期</td>
                    <td class="td_right">
                        <input type="date" id="birth" name="birthStr" placeholder="请输入出生日期"/>
                    </td>
                </tr>
                <tr>
                    <td class="td_left">验证码</td>
                    <td class="td_right">
                        <input type="text" id="code" name="code" placeholder="请输入验证码"/>
                        <!--<img id="codeImg" src="img/verify_code.jpg"/>-->
                        <img id="codeImg" src="/generateVerifyCodeImage.action"/>
                        &nbsp;&nbsp;&nbsp;
                        <a href="javascript:generateImg();" style="text-decoration: none;">换一张？</a>
                        <span class="error"></span>
                    </td>
                </tr>
                <tr>
                    <td colspan="2" style="text-align: center;">
                        <input class="rg_sub" type="submit" value="注册">
                        <input class="rg_sub" type="reset" value="重置">
                    </td>
                </tr>
            </table>
            </form>
        </div>
        <div id="rg_right">
            <p>已有账号?<a href="/login.html">立即登录</a></p>
        </div>
    </div>
    <script type="text/javascript" src="js/user/userRegister.js"></script>
</body>
</html>